<template>
  <div>
    <Topbar></Topbar>
    <Managementbar1></Managementbar1>
    <el-container style="width: 80%;">

    </el-container>
    <el-card style="width: 20%;background-color: aliceblue;height: 300px;float:left"></el-card>
    <el-card style="width: 30%;background-color: aliceblue;height: 400px;float:left"></el-card>
    <el-card style="width: 20%;background-color: aliceblue;height: 300px;float:left"></el-card>
  </div>
</template>

<<script>
import Topbar from "@/components/Topbar.vue";
import Monitoringbar from "@/components/Monitoringbar.vue";
import Managementbar1 from "@/components/Managementbar1.vue";

export default {
  name: "role1Monitoringpage",
  components: {Managementbar1, Monitoringbar, Topbar},


}
</script>

<style scoped>
.el-card{

}
</style>